@charset 'utf-8';

@import './lib/share';

.export {
  cursor: pointer;
  font-size: 14px;
  line-height: 30px;
  margin-right: 36px;
  position: absolute;
  right: 220px;
  text-align: center;
  width: 82px;
  z-index: 1111;

  &.open-o {
    .export-button {
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0;
    }

    .export-menu {
      display: flex;
    }
  }

  &-button {
    background: #00a8ff;
    border-radius: 3px;
    color: #fff;
    display: block;
  }

  &-menu {
    background: #fff;
    border-radius: 0 0 3px 3px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
    display: none;
    flex-direction: column;

    &-item:hover {
      background: $grey-da;
    }
  }
}
